﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<!--script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script-->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<link href="styles/pigStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});


$(document).ready(function() {
     $('.editable').editable('http://www.example.com/save.php', {
	 cssclass : '.edittext',
	 });
	 $('.editabletext').editable('http://www.example.com/save.php', {
	 cssclass : '.editabletext',
	 type : 'textarea',
	 })
 });
 
	</script>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <style>
  	
  </style>
  <div id="infomation">
    <div id="left">
 		<style>
			.friendSearchBox{float:right;border:1px solid #CCC; width:200px;height:20px;padding:2px }
			.friendSearchBox span{background-position:-450px -441px;width:17px;height:17px;float:right;margin:4px 4px 0 0;}
			.friendSearchBox input[type="text"]{height:18px;width:170px}
			.searchResultList .hintFriend{width:300px;background-color:#F9F9F9;border:1px solid #EFEFEF;padding:10px;margin-right:6px;margin-bottom:5px;}
			.searchResultList .hintFriend .friendname{font-size:14px;}
			.friendSearchResult .resultText{padding:5px;color:#666;font-size:14px;background-color:#FFFEE1;border:1px dotted #FEE394;margin-bottom:15px}
			.friendSearchResult .resultText b{color:#F90}
			
			.friendSearchResult .titleResult {margin:15px 0px;font-size:14px;color:#666;}
			.mgR0{margin-right:0px !important}
		</style>
         <div class="contentHeader">
        	<h1>KẾT QUẢ TÌM KIẾM BẠN BÈ</h1> 
            <div class="friendSearchBox">
                <input type="text" value="tìm kiếm">
                <span class="bgPos"></span>
            </div>
         </div> 
         <div class="clearthis"></div>  
        <div class="friendSearchResult">
        	<p class="titleResult">Kết quả tìm kiếm cho từ khóa <b>"sang thuần khiết"</b></p>
            
            <div class="clearthis"></div>
            <p class="resultText"><b>5</b> kết quả được tìm thấy</p>
            <div class="searchResultList">
            	<div class="hintFriend">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>
                        <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>
                    </div>
				</div>
                <div class="hintFriend mgR0">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>	
                       <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>	
                    </div>
				</div>
                <div class="hintFriend">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>
                        <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>
                    </div>
				</div>
                <div class="hintFriend mgR0">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>	
                       <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>	
                    </div>
				</div>
                <div class="hintFriend">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>
                        <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>
                    </div>
				</div>
                <div class="hintFriend mgR0">
                    <div class="avatar"><a href="/new_boy"><img width="50" height="50" alt="new_boy" src="images/avatar.png"></a></div>
                    <div class="infofriend">
                        <a href="/new_boy" class="friendname">new_boy</a>
                        <div class="text">Có chung 13 bạn bè</div>	
                       <a class="followFriend" href="javascript:followHintFriend(146,'#hintFriend_0');">KẾT BẠN</a>	
                    </div>
				</div>
            </div>
            <div class="wallReadmore">
    			<a href="javascript:showMoreActivities('wallOwner=sangphan&amp;lastOrderValue=1289699246000');">Hiển thị thêm kết quả</a>
    		</div>
        </div>
   
    </div> <!--end Left-->
    <div id="right">
    	
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="hintfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
